<!Doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>Vidyasannidhi Student Portal</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	
	<!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	  
	<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
    
    <!-- **CSS - stylesheets** -->
	<link id="default-css" rel="stylesheet" href="<?php echo base_url()?>style.css" type="text/css" media="all" />
	<link id="shortcodes-css" rel="stylesheet" href="<?php echo base_url()?>shortcodes.css" type="text/css" media="all"/>
	<link id="skin-css" rel="stylesheet" href="<?php echo base_url()?>skins/blueturquoise/style.css" type="text/css" media="all"/>
    <link id="layer-slider" rel="stylesheet"  href="<?php echo base_url()?>css/layerslider.css" media="all" />
	<link rel="stylesheet" href="<?php echo base_url()?>css/modal-main.css">
	
	<!-- **Additional - stylesheets** -->
	<link rel="stylesheet" href="<?php echo base_url()?>css/responsive.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="<?php echo base_url()?>css/animations.css" type="text/css" media="all" />
    
    <!-- **Font Awesome** -->
	<link rel="stylesheet" href="<?php echo base_url()?>css/font-awesome.min.css" type="text/css" />
    
    <!-- **Google - Fonts** -->
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>  
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    
</head>

<body >
<!-- <div class="loader-wrapper">
	<div id="loader-image"></div>
</div> -->
<!-- **Wrapper** -->
<div class="wrapper"> 
	<div class="inner-wrapper">
    	
        <!-- **Top Bar** -->
        <div class="top-bar type5">
        	<!-- **container - Starts** -->
            <div class="container">
					<ul class="top-contact-details alignleft">
                    <marquee onmouseover="this.stop();" onmouseout="this.start();"> 
										<ul>
											<li><a href="#"> Click to view the latest News </a></li>
											<li><a href="#"> Click to view the latest News </a></li>
											<li><a href="#"> Click to view the latest News </a></li>
										</ul>
									</marquee>
                </ul>
            		<ul class="top-contact-details alignright">
                        <li> <i class="fa fa-mobile"></i><span>(123) 456-7890</span></li>
						<li> <i class="fa fa-envelope"></i><a href="#">info@a2000.net</a></li>
						<li> <i class="fa fa-phone"></i>1800 3387 478</li>
                    </ul>
                
            </div> <!-- **container - End** -->
        </div><!-- **Top Bar - End** -->
                
        <div id="header-wrapper">
	        <!-- **Header** -->
	        <header class="header">
	        	<div class="container">
	            
	                <!-- **Logo - End** -->
	                <div id="logo">
	                    <a href="<?php echo base_url()?>" title="Vidyasannidhi"> <img src="<?php echo base_url()?>images/logo.png" alt="logo"/> </a>
	                </div><!-- **Logo - End** -->
	                
	                <div id="menu-container">
	                    <!-- **Nav - Starts**-->
	                    <nav id="main-menu">
                        	<div id="dt-menu-toggle" class="dt-menu-toggle">
                                Menu
                                <span class="dt-menu-toggle-icon"></span>
                            </div>
	                        <ul class="menu">
	                            <li class="current_page_item menu-item-simple-parent"><a href="#"> About Us </a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> How It works</a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Tuitions Offered</a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Pricing </a></li>
	                            <li class="menu-item-simple-parent"><a href="#"> Registration </a>
									<ul class="sub-menu">
                                        <li><a href="#" onclick="showAjaxModal('<?php echo site_url(); ?>/modal/popup/signup_student')">student</a></li>
                                        <li><a href="#" onclick="showAjaxModal('<?php echo site_url(); ?>/modal/popup/signup_teacher')">Teacher</a></li>
                                    </ul>
									<a class="dt-menu-expand">+</a>
								</li>
                                <li class="menu-item-simple-parent"><a href="#"> Feedback</a></li>
							</ul>
	                    </nav>
	                    <!-- **Nav - End**-->
	               </div>
	
	            </div>
	        </header><!-- **Header - End** -->
        </div>
        
		<!-- **Main - Starts** --> 
		<div id="main">
        
        	<!-- **banner - Starts** -->
            <div class="banner">
                 <!-- To move inline styles to css file/block, please specify a class name for each element. --> 
					<div id="slider1_container" style="position: relative; margin: 0 auto;
						top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
						<!-- Loading Screen -->
						<div u="loading" style="position: absolute; top: 0px; left: 0px;">
							<div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
								top: 0px; left: 0px; width: 100%; height: 100%;">
							</div>
							<div style="position: absolute; display: block; background: url(<?php echo base_url();?>img/loading.gif) no-repeat center center;
								top: 0px; left: 0px; width: 100%; height: 100%;">
							</div>
						</div>
						<!-- Slides Container -->
						<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
							height: 500px; overflow: hidden;">
							<div>
								<img u="image" src="<?php echo base_url();?>img/1920/red.jpg" />
								<div u="caption" t="NO" t3="RTT|2" r3="137.5%" du3="3000" d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;">
									<img src="<?php echo base_url();?>img/new-site/c-phone.png" style="position: absolute; width: 445px; height: 300px; top: 0px; left: 0px;" />
									<img u="caption" t="CLIP|LR" du="4000" t2="NO" src="<?php echo base_url();?>img/new-site/c-jssor-slider.png" style="position: absolute; width: 102px; height: 78px; top: 70px; left: 130px;" />
									<img u="caption" t="ZMF|10" t2="NO" src="<?php echo base_url();?>img/new-site/c-text.png" style="position: absolute; width: 80px; height: 53px; top: 153px; left: 163px;" />
									<img u="caption" t="RTT|10" t2="NO" src="<?php echo base_url();?>img/new-site/c-fruit.png" style="position: absolute; width: 140px; height: 90px; top: 60px; left: 220px;" />
									<img u="caption" t="T" du="4000" t2="NO" src="<?php echo base_url();?>img/new-site/c-navigator.png" style="position: absolute; width: 200px; height: 155px; top: 57px; left: 121px;" />
								</div>
								<div u="caption" t="RTT|2" r="-75%" du="1600" d="2500" t2="NO" style="position: absolute; width: 470px; height: 220px; top: 120px; left: 650px;">
									<img src="<?php echo base_url();?>img/new-site/c-phone-horizontal.png" style="position: absolute; width: 470px; height: 220px; top: 0px; left: 0px;" />
									<img u="caption" t3="MCLIP|L" du3="2000" src="<?php echo base_url();?>img/new-site/c-slide-1.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
									<img u="caption" t="MCLIP|R" du="2000" t2="NO" src="<?php echo base_url();?>img/new-site/c-slide-3.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
									<img u="caption" t="RTTL|BR" x="500%" y="500%" du="1000" d="-3000" r="-30%" t3="L" x3="70%" du3="1600" src="<?php echo base_url();?>img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" />
									<img src="<?php echo base_url();?>img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
								</div>
								<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
									text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
										color: #FFFFFF;">Touch Swipe Slider
								</div>
								<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
									text-align: left; line-height: 36px; font-size: 30px;
										color: #FFFFFF;">
										Build your slider with anything, includes image, content, text, html, photo, picture
								</div>
							</div>
							<div>
								<img u="image" src="<?php echo base_url();?>img/1920/purple.jpg" />
								<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
									text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
										color: #FFFFFF;">Touch Swipe Slider
								</div>
								<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
									text-align: left; line-height: 36px; font-size: 30px;
										color: #FFFFFF;">
										Build your slider with anything, includes image, content, text, html, photo, picture
								</div>
							</div>
							<div>
								<img u="image" src="<?php echo base_url();?>img/1920/blue.jpg" />
								<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
									text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
										color: #FFFFFF;">Touch Swipe Slider
								</div>
								<div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
									text-align: left; line-height: 36px; font-size: 30px;
										color: #FFFFFF;">
										Build your slider with anything, includes image, content, text, html, photo, picture
								</div>
							</div>
						</div>
								
						<!--#region Bullet Navigator Skin Begin -->
						<!-- Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html -->
						<style>
							/* jssor slider bullet navigator skin 21 css */
							/*
							.jssorb21 div           (normal)
							.jssorb21 div:hover     (normal mouseover)
							.jssorb21 .av           (active)
							.jssorb21 .av:hover     (active mouseover)
							.jssorb21 .dn           (mousedown)
							*/
							.jssorb21 {
								position: absolute;
							}
							.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
								position: absolute;
								/* size of bullet elment */
								width: 19px;
								height: 19px;
								text-align: center;
								line-height: 19px;
								color: white;
								font-size: 12px;
								background: url(<?php echo base_url();?>img/b21.png) no-repeat;
								overflow: hidden;
								cursor: pointer;
							}
							.jssorb21 div { background-position: -5px -5px; }
							.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
							.jssorb21 .av { background-position: -65px -5px; }
							.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
						</style>
						<!-- bullet navigator container -->
						<div u="navigator" class="jssorb21" style="bottom: 26px; right: 6px;">
							<!-- bullet navigator item prototype -->
							<div u="prototype"></div>
						</div>
						<!--#endregion Bullet Navigator Skin End -->
						
						<!--#region Arrow Navigator Skin Begin -->
						<!-- Help: http://www.jssor.com/development/slider-with-arrow-navigator-jquery.html -->
						<style>
							/* jssor slider arrow navigator skin 21 css */
							/*
							.jssora21l                  (normal)
							.jssora21r                  (normal)
							.jssora21l:hover            (normal mouseover)
							.jssora21r:hover            (normal mouseover)
							.jssora21l.jssora21ldn      (mousedown)
							.jssora21r.jssora21rdn      (mousedown)
							*/
							.jssora21l, .jssora21r {
								display: block;
								position: absolute;
								/* size of arrow element */
								width: 55px;
								height: 55px;
								cursor: pointer;
								background: url(<?php echo base_url();?>img/a21.png) center center no-repeat;
								overflow: hidden;
							}
							.jssora21l { background-position: -3px -33px; }
							.jssora21r { background-position: -63px -33px; }
							.jssora21l:hover { background-position: -123px -33px; }
							.jssora21r:hover { background-position: -183px -33px; }
							.jssora21l.jssora21ldn { background-position: -243px -33px; }
							.jssora21r.jssora21rdn { background-position: -303px -33px; }
						</style>
						<!-- Arrow Left -->
						<span u="arrowleft" class="jssora21l" style="top: 123px; left: 8px;">
						</span>
						<!-- Arrow Right -->
						<span u="arrowright" class="jssora21r" style="top: 123px; right: 8px;">
						</span>
						<!--#endregion Arrow Navigator Skin End -->
						<a style="display: none" href="http://www.jssor.com">Bootstrap Slider</a>
					</div>
					<!-- Jssor Slider End -->
            </div><!-- **banner - Ends** -->
             
            
            <!-- **Full-width-section - Starts** -->   
			<div class="full-width-section" style=" margin-top: 7px;">
			<div class="intro-text type1">
							<h2 class="aligncenter">On Demand Videos of coaching classes</h2>
						</div>
            	<div class="container_home ">
					<div class="dt-sc-hr-invisible"></div>
                	<div class="dt-sc-tabs-container type5">
                        <!-- **dt-sc-tabs-frame - Starts** -->
                        <ul class="dt-sc-tabs-frame">
                            <li class="column dt-sc-one-fourth first"><a href="#" class="current">
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4> 9th Standard </h4>
                                </div>
                                </a>
                            </li>
                            <li class="column dt-sc-one-fourth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4> 10th Standard </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-fourth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4> 1st PUC </h4>
                                </div>
                                </a> 
                            </li>
                            <li class="column dt-sc-one-fourth"><a href="#" class=""> 
                                <div class="dt-sc-ico-content type14">
                                    <div class="icon">
                                        <span class="fa fa-user"></span>
                                    </div>
                                    <h4>  2nd PUC </h4>
                                </div>
                                </a> 
                            </li>
                        </ul>  <!-- **dt-sc-tabs-frame - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: block;">
                            <div class="column dt-sc-one-fourth first">
                                <h5> Science </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> Mathematics </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                            <div class="column dt-sc-one-fourth first">
                                <h5> English </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> History </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                            <div class="column dt-sc-one-fourth first">
                                <h5> Chemistry </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> Physics </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                            <div class="column dt-sc-one-fourth first">
                                <h5> Biology </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Atoms and Molecules </a></li>
										<li><a href=""> The Fundamental Unit of Life </a></li>
									</ul>
                                <h5> Mathematics </h5>
									<ul class="dt-sc-fancy-list arrow">
										<li><a href=""> Algebra class-1 </a></li>
										<li><a href=""> Trigonometry class-1 </a></li>
									</ul>
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<div class="column dt-sc-one-half first">
                                <img class="align-center" src="http://placehold.it/250x250" alt="image">
                            </div>
                            <div class="column dt-sc-one-half">
                                <h3> Why we Suggest Vidyasannidhi? </h3>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <a class="dt-sc-button medium" href="#">Purchase theme<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                            <div class="column dt-sc-one-half first">
                                <h3> Why we Suggest Vidyasannidhi? </h3>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <a class="dt-sc-button medium" href="#">Purchase theme<span class="fa fa-angle-right"></span></a>
                            </div>
                            
                            <div class="column dt-sc-one-half">
                                <img class="align-center" src="http://placehold.it/250x250" alt="image">
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                        <!-- **dt-sc-tabs-frame-content - Starts** -->
                        <div class="dt-sc-tabs-frame-content" style="display: none;">
                        	<div class="column dt-sc-one-half first">
                                <img class="align-center" src="http://placehold.it/250x250" alt="image">
                            </div>
                            <div class="column dt-sc-one-half">
                                <h3> Why we Suggest Vidyasannidhi? </h3>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <p> Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.. </p>
                                <a class="dt-sc-button medium" href="#">Purchase this theme<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div> <!-- **dt-sc-tabs-frame-content - Ends** -->
                        
                    </div> <!-- **dt-sc-tabs-container - Ends** -->
                </div> <!-- **container - Ends** -->
            </div>
			<!-- **Full-width-section - Ends** -->     
              
            
          
           
           
			       
        </div> <!-- **Main - Ends** --> 
        
        <!-- **Footer** -->
        <footer id="footer">
        	<div class="footer-widgets-wrapper">
                <div class="container">
					  <div class="column dt-sc-one-sixth">
                       
                    </div>
                    <div class="column dt-sc-one-third first">
                        <aside class="widget widget_text">
                            <h3 class="widget-title">Contact  <span class="wlast"> Us </span><span class="small-line"> </span></h3> 
                            <p> <i class="fa fa-phone"></i> <span>Phone:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-print"></i> <span>Fax:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-envelope"></i> <span> Email:</span> <a href="#">Vidyasannidhi@gmail.com</a> </p>
                            <p> <i class="fa fa-globe"></i> <span>Web:</span> <a href="#">www.Vidyasannidhi.com</a> </p>
                            <p> <i class="fa fa-location-arrow"></i> <span>58, Thomson Street, Edison Avenue,
         Baltimore, USA</span> </p>
                                                
                        </aside>
                    </div>
                    
                     
                    
                    
                
                    <div class="column dt-sc-one-third">
                        <aside class="widget mailchimp">
                            <h3 class="widget-title">Newsletter <span class="wlast">Subscription</span><span class="small-line"> </span></h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was of the great explorer.</p>
                            <form method="post" class="mailchimp-form" name="frmNewsletter" action="php/subscribe.php">	
                                <p><span class="fa fa-envelope"></span>
                                <input type="email" placeholder="Enter Email" name="email" value="" required="">	
                                <input type="submit" name="submit" class="dt-sc-button" value="Subscribe"></p>
                            </form>
                            <div id="ajax_newsletter_msg"></div>
                            <div class="dt-sc-hr-invisible-small"></div>
                            <ul class="dt-sc-social-icons">
                                <li><a class="dt-sc-tooltip-top facebook" href="#" target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top twitter" href="#" target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top google-plus" href="#" target="_blank" title="Google-plus"> <i class="fa fa-google-plus"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top pinterest" href="#" target="_blank" title="Pinterest"> <i class="fa fa-pinterest"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top youtube" href="#" target="_blank" title="Youtube"> <i class="fa fa-youtube"></i> </a></li>
                            </ul>
                        </aside>
                    </div>
					<div class="column dt-sc-one-sixth">
                       
                    </div>
                    
                </div>
        	</div><!-- **footer-widgets-wrapper - End** -->
            
            <div class="copyright">
            	<div class="container">
                	<p>Vidyasannidhi | All rights Reserved. © 2015 </p>
                    <ul class="footer-links">
                    	<li><a href="#">About Us</a>|</li>
                        <li><a href="#">How It Works</a>|</li>
                        <li><a href="#">Tuition Offered</a>|</li>
                        <li><a href="#">Pricing</a>|</li>
                        <li><a href="#">Student Registration</a>|</li>
                        <li><a href="#">Feedback</a>|</li>
                    </ul>
                </div>
            </div>
            
        </footer> <!-- **Footer - End** -->
        <div class="login-student-form">
				<h5 class="aligncenter"> Student Learning Center </h5>
				<form method="post" action="<?php echo base_url();?>index.php/login/login_me" id="loginform" name="frmLogin_student">
					<input type="hidden" name="type" value="student" />
					<input name="user" placeholder="Username or Email" autocomplete="off" type="text">
					<input name="pwd" placeholder="Password" type="password">
					<input class="button" value="Log-In" type="submit">    
				</form>
		</div>
		<div class="login-teacher-form main-nav">
				<h5 class="aligncenter"> Teacher Coaching Center </h5>
				<form method="post" action="<?php echo base_url();?>index.php/login/login_me" id="loginform" name="frmLogin_teacher">
					<input type="hidden" name="type" value="teacher" />
					<input name="user" id="user" placeholder="Username or Email" autocomplete="off" type="text">
					<input name="pwd" id="pwd" placeholder="Password" type="password">
					<input class="button" value="Log-In" type="submit">    
				</form>
		</div>
	</div><!-- **inner-wrapper - End** -->
    
</div><!-- **Wrapper - End** -->
			

	<!-- **jQuery** -->  
	<script src="<?php echo base_url()?>js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url()?>js/jquery-migrate.min.js"></script>    
    <script src="<?php echo base_url()?>js/pace.min.js" type="text/javascript"></script>    
	<script src="<?php echo base_url()?>js/jquery.tabs.min.js"></script>
	<script src="<?php echo base_url()?>js/jquery.nav.js" type="text/javascript"></script>	
	<script src="<?php echo base_url()?>js/jquery.validate.min.js" type="text/javascript"></script>	
	<script src="<?php echo base_url()?>js/jquery.meanmenu.min.js" type="text/javascript"></script>	
    <script data-cfasync="false" type="text/javascript">var lsjQuery = jQuery;</script>
	<script src="<?php echo base_url()?>js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url()?>js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>    
	<!-- **Sticky Nav** -->
	<script src="<?php echo base_url()?>js/jquery.sticky.js" type="text/javascript"></script>    
	<!-- **To Top** -->
	<script src="<?php echo base_url()?>js/custom.js" type="text/javascript"></script> 
	<script src="<?php echo base_url()?>js/bootstrap.js" type="text/javascript"></script>
	<script src="<?php echo base_url()?>js/modernizr.js" type="text/javascript"></script>
	<script src="<?php echo base_url()?>js/main.js" type="text/javascript"></script>
     <script type="text/javascript" src="<?php echo base_url()?>js/jssor.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>js/jssor.slider.js"></script>	
	<script src="<?php echo base_url();?>adm/js/select2.min.js"></script>
	
	<?php $this->load->view("footer_model");?>
    <script>
        jQuery(document).ready(function ($) {
			$(document).on("submit",'.student_registration',function(event){
				$(".fields").hide();
				$.ajax({
						  type: "POST",
						  url: $( this ).attr("action"),
						  data: $( this ).serialize(),
						  dataType: 'jSon',
						  success: function(result){
							  if(result.success == 0)
							  {
								 $.each(result.error, function( index, value ) {
									  $('.'+value.type).text(value.msg).show();
									});
							  }
							   if(result.success == 1)
							  {
								  $(".alert_message").show();
								   window.setTimeout('location.reload()', 2000); //Reloads after three seconds
							  }
						  },
						  
						});
				event.preventDefault();
			});

            var _CaptionTransitions = [];
            _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
            _CaptionTransitions["ZMF|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseOutQuad, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
            _CaptionTransitions["RTT|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseOutQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
            _CaptionTransitions["RTT|2"] = { $Duration: 900, $Zoom: 3, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Round: { $Rotate: 0.5} };
            _CaptionTransitions["RTTL|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
            _CaptionTransitions["CLIP|LR"] = { $Duration: 900, $Clip: 15, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
            _CaptionTransitions["MCLIP|L"] = { $Duration: 900, $Clip: 1, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic} };
            _CaptionTransitions["MCLIP|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic} };

            var options = {
                $FillMode: 2,                                       //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
                $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
                $PauseOnHover: 1,                                   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

                $ArrowKeyNavigation: true,   			            //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
                $SlideEasing: $JssorEasing$.$EaseOutQuint,          //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
                $SlideDuration: 800,                               //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
                //$SlideWidth: 600,                                 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
                //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
                $SlideSpacing: 0, 					                //[Optional] Space between each slide in pixels, default value is 0
                $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
                $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
                $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
                $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

                $CaptionSliderOptions: {                            //[Optional] Options which specifies how to animate caption
                    $Class: $JssorCaptionSlider$,                   //[Required] Class to create instance to animate caption
                    $CaptionTransitions: _CaptionTransitions,       //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
                    $PlayInMode: 1,                                 //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
                    $PlayOutMode: 3                                 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
                },

                $BulletNavigatorOptions: {                          //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 8,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 8,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1                                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                },

                $ArrowNavigatorOptions: {                           //[Optional] Options to specify and enable arrow navigator or not
                    $Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance
                    $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 2,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
                }
            };

            var jssor_slider1 = new $JssorSlider$("slider1_container", options);

            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizes
            function ScaleSlider() {
                var bodyWidth = document.body.clientWidth;
                if (bodyWidth)
                    jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 1920));
                else
                    window.setTimeout(ScaleSlider, 30);
            }
            ScaleSlider();

            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>      

</body>
</html>
